Angular Testing: Unit Testing Angular and E2E Testing

Install jest, jest preset angular, and typescript support to configure angular tests. Create jest.config.js and setup-jest, then run tests with npm test and explore watch and ci options.

Learn to test utility methods inside Angular by isolating pure TypeScript functions in shared utils, using Jest, describe blocks, and watch mode to verify range and pluck helpers.

Test a simple Angular service by configuring a testing module with TestBed, injecting the service, and verifying add and remove user behaviors.

Test angular api calls by using HttpClientTestingModule to mock HttpClient, verify with HttpTestingController, and flush mock responses for get tags and create tag operations.

Learn how to test http requests in Angular by validating the request method and body, such as posting to /tags with id and name, while prioritizing behavior over data.

Unit test the angular todo service with http client mocks and angular signals, validate default values, and cover get, add, update, remove, toggle, and toggle all.

Master unit testing of a simple Angular component by creating a standalone error message. Test its rendering with default and custom messages using fixture, test bed, and data test id.

Test the standalone pagination component by supplying total, limit, and current page; verify it renders the number of pages, highlights the active link, and emits the page change on click.

Mock dependencies in Angular by creating a mock utils service, providing it via useValue, and keeping tests isolated for a pagination component.

Test real angular components by validating the todo app footer, including visibility, the active count, items left text, and filter interactions (all, active, completed) using data test ids.

Learn shallow testing of the main component in Angular by mocking the Todo child, using override components, and validating visibility, toggling, and rendering of todos.

Unit test a real angular todo component, covering default rendering, toggle and remove actions, editing mode via double-click, in-place text editing with enter, and service calls through a test bed.

Learn to test NgRx reducers in Angular by validating default state and reducer responses to get posts, get post success, and get post failure, using plain-function tests.

Apply what you learned in Angular testing by completing the homework. Test your own project to identify bugs, typos, and mistakes, and strengthen your skills beyond watching videos.